<template>
    <div>
        <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="3" :xl="1">
                <div>长江二桥</div>
            </el-col>
        </el-row>
        <el-button class="hidden-md-and-down" type="danger">长江二桥</el-button>
    </div>
</template>

<script setup>
import 'element-plus/theme-chalk/display.css'

</script>

<style lang="scss" scoped>
.el-col {
    border-radius: 4px;
    border: 1px solid #000;
}
</style>